<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="author" content="ISUX">
    <meta name="format-detection" content="telephone=no"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>

    <link rel="stylesheet" type="text/css" href="../frozen/css/frozen.css">
    <link rel="stylesheet" type="text/css" href="../css/default.css">

    <title>我捐赠的</title>
    <link rel="stylesheet" type="text/css" href="../css/user_center.css">
    <link rel="stylesheet" type="text/css" href="../venobox/venobox.css" media="screen" />
</head>
<body>
    <section class="ui-container">

        <ul class="ui-tiled ui-info-tiled ui-border-tb">
            <li>
                <div class="num"><em>10</em>个</div>
                <div>支持项目</div>
            </li>
            <li>
                <div class="num"><em>1234.56</em>元</div>
                <div>共捐善款</div>
            </li>
            <li>
                <div class="num"><em>4352.30</em>元</div>
                <div>获得配捐</div>
            </li>
        </ul>

        <div class="ui-card-module ui-border-tb">
            <h4 class="ui-border-b">捐赠记录（30）</h4>
            
            <ul class="p-list">
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-1.jpg)">
                            <div class="h3-box"><h3>3万留守儿童的渴望</h3></div>
                            <div class="ui-progress">
                                <span style="width:50%"></span>
                            </div>
                            <div class="status">募集中</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">捐款<span class="num">112</span>次</div>
                                <div class="infos-r">已卷<span class="num">289.34</span>万元(获得配捐<span class="num">5300.04</span>)元</div>
                            </div>

                            <div class="extra-list ui-border-t">
                                <ul>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="extra-list-switch"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-1.jpg)">
                            <div class="h3-box"><h3>3万留守儿童的渴望</h3></div>
                            <div class="ui-progress">
                                <span style="width:50%"></span>
                            </div>
                            <div class="status">募集中</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">捐款<span class="num">112</span>次</div>
                                <div class="infos-r">已卷<span class="num">289.34</span>万元(获得配捐<span class="num">5300.04</span>)元</div>
                            </div>

                            <div class="extra-list ui-border-t">
                                <ul>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="extra-list-switch"></div>
                        </div>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <div class="top" style="background-image:url(../images/demo/demo-project-1.jpg)">
                            <div class="h3-box"><h3>3万留守儿童的渴望</h3></div>
                            <div class="ui-progress">
                                <span style="width:50%"></span>
                            </div>
                            <div class="status">募集中</div>
                        </div>
                        <div class="bottom">
                            <div class="infos">
                                <div class="infos-l">捐款<span class="num">112</span>次</div>
                                <div class="infos-r">已卷<span class="num">289.34</span>万元(获得配捐<span class="num">5300.04</span>)元</div>
                            </div>

                            <div class="extra-list ui-border-t">
                                <ul>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                    <li class="ui-border-b">
                                        <p>捐款码 1234567890 <span>2016-01-05 14:12</span></p>
                                        <p>已捐 <em>10.15</em> 元 (配捐 <em>5.06</em> 元)</p>
                                    </li>
                                </ul>
                            </div>
                            <div class="extra-list-switch"></div>
                        </div>
                    </a>
                </li>
            </ul>
        </div>
        
        <div class="banner-wrap">
            <div class="txt-bottom">
                <a href="#">了解火堆</a>
                <a href="#">关注火堆</a><img src="../images/ic-qrcode.png" alt="">
            </div>
            <img class="img-bottom" src="../images/logo_and_txt.png" alt="">
        </div>
        
    </section>

    <script src="../frozen/lib/zeptojs/zepto.min.js"></script>
    <script src="../frozen/js/frozen.js"></script>
    
    <script>
        $(function() {
            $('ul.p-list > li .bottom .extra-list-switch').click(function(e){
                $(this).toggleClass('show').prev('.extra-list').toggleClass('show');
                return false;
            });  
        });
    </script>
</body>
</html>